<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>list</title>
    <link rel="stylesheet" href="/css/list.css">
    <link rel="stylesheet" href="/libs/iconfont/iconfont.css">
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="stylesheet" href="/libs/swiper/css/swiper.min.css">
</head>

<body>
    <header></header>
    <div class="main">
        <div class="select fl">
            <div class="select-title">
                <span>筛选</span>
                <a href="#" class="reset-btn fr">重置</a>
            </div>
            <div class="add-list"></div>
            <script type="text/html" id="add-listbox-template">
                {{each data itme}}
                <div class="select-list close">
                    <div class="list-title ">
                        <span>{{itme.title}}</span>
                        <i class="iconfont icon-gouwuche fr list-icon"></i>
                    </div>
                    <ul class="list-itme">
                    </ul>
                </div>
                {{/each}}
            </script>
            <script type="text/html" id="list-itemadd-template">
                {{each data itme}}
                <li>
                    <a href="#">{{itme.name}}</a>
                </li>
                {{/each}}
            </script>
        </div>
        <div class="select-contain">
            <div class="body-title fl">
                所有商品<span>(24)</span>
            </div>
            <div class="body-choose fr">
                <div class="new-order">
                    <a href="#" class="order-btn">
                        新品排序
                        <i class="iconfont icon-gouwuche fr"></i>
                    </a>
                    <ul class="order-form">
                    </ul>
                    <script type="text/html" id="order-template">
                        {{each data itme}}
                        <li>
                            <a href="#">{{itme.name}}</a>
                        </li>
                        {{/each}}
                    </script>
                </div>
            </div>
            <ul class="goods-list fl">
            </ul>
            <script type="text/html" id="goods-list-template">
                {{each data itme}}
                <li class="goods-itme">
                    <div class="goods-contain">
                        <a href="/html/goods.html?id={{itme.id}}" class="goods-img">
                            <img src="{{itme.image}}" alt="">
                        </a>
                        <a href="/html/goods.html?id={{itme.id}}" class="goods-name">
                            {{itme.title}}
                        </a>
                        <div class="goods-thumbs"></div>
                        <a href="/html/goods.html?id={{itme.id}}" class="goods-price">￥{{itme.originPrice}}</a>
                    </div>
                </li>
                {{/each}}
            </script>

        </div>
    </div>
    <footer></footer>
    <div id="leader"></div>
</body>
<script src="/libs/require/require.min.js" data-main="/js/list"></script>

</html>